<template>
	<main>
		<div class="header"></div>

		<div class="news">
			<div class="dsgj_tit">
				<ul>
					<li style="background: linear-gradient(to top,#0ecd8c,#7bfdd1)">合肥</li>
					<li style="background:linear-gradient(to top,#fe824d,#ffb391)">合肥</li>
					<li style="background:linear-gradient(to top,#fcad4a,#ffce93)">合肥</li>
					<li style="background:linear-gradient(to top,#499efe,#8bc2ff)">合肥</li>

					<li style="background:linear-gradient(to top,#1eb0d5,#5dd8f7)">合肥</li>
					<li style="background:linear-gradient(to top,#e1b846,#f6d882)">合肥</li>
					<li style="background:linear-gradient(to top,#f35e58,#fc968b)">合肥</li>
					<li style="background:linear-gradient(to top,#1caf98,#2aebcd)">合肥</li>

					<li style="background:linear-gradient(to top,#79c167,#a4e296)">合肥</li>
					<li style="background:linear-gradient(to top,#0b81dc,#319ff4)">合肥</li>
					<li style="background:linear-gradient(to top,#ca3ec4,#fb8cf4)">合肥</li>
					<li style="background:linear-gradient(to top,#fa3b77,#fe74a0)">合肥</li>

					<li style="background:linear-gradient(to top,#f74a3f,#fd8b84)">合肥</li>
					<li style="background:linear-gradient(to top,#f0b502,#ffd344)">合肥</li>
					<li style="background:linear-gradient(to top,#339341,#63c872)">合肥</li>
					<li style="background:linear-gradient(to top,#349cc6,#83d9fb)">合肥</li>
				</ul>
			</div>
			<NewsList :list="news"></NewsList>
	 		<div style="clear:both;height: 100px;"></div>		
		</div>		
		<Footer></Footer>
	</main>
</template>
<script>
import { test } from '../api'
import NewsList from './common/NewsList'
import Footer from './common/Footer'
import {Swiper, SwiperItem} from 'mand-mobile'

export default {
  name: 'swiper-demo',
  components: {
    [Swiper.name]: Swiper,
    [SwiperItem.name]: SwiperItem,
    Footer,
    NewsList
  },
  data() {
    return {
      news:{},
   	
  	}
  },
  mounted() {
   
  },
  created() {
    console.log(this.$route);
    test().then(res=>{
      this.news = res.list  
        console.log(res);      
    }) 
  },
  methods: {

  },
}

</script>